import React from 'react'
import { ProductCard, Tag, Badge } from 'react-vant';
import styles from './xd.module.css'
import { useNavigate } from 'react-router-dom';
function Index(props) {
    const { state } = props
    const navigate=useNavigate()
    return (
        <div>
            <div onClick={()=>navigate('/mysusses')}>
                 {
                <ProductCard
                    desc={state.id}
                    title={state.title}
                    thumb={state.image}
                />
            }
            </div>
           

            <div className={styles.hh}>
                <Badge content='5'>

                </Badge>
            </div>

        </div>
    )
}

export default Index
